﻿<div class="console" id="console-panel" data-bind="consolePanel: consoleView, with: consoleView">
    <div class="wrapper">
        <div class="console-content">
            <div data-bind="foreach: requests" class="requests">
                <div class="request" data-bind="css: { current: $parent.context.console.requestId() == $data.id }, requestStatus: status">
                    <header class="request-header">
                        <span aria-hidden="true" class="icon-arrow-right"></span>
                        <a data-bind="href: $parent.getRequestDetailsUrl($data), title: verb + ' ' + url">
                            <span data-bind="text: verb"></span>&nbsp;
                            <span data-bind="text: url"></span>
                        </a>
                    </header>
                </div>
            </div>
        </div>
        <div class="controls">
            <ul class="button-group left">
                <li>
                    <button class="small secondary button"><span aria-hidden="true" class="icon-plus"></span>New&nbsp;request</button>
                </li>
            </ul>
            <span class="resize-handle ui-resizable-handle ui-resizable-s" style=""><span aria-hidden="true" class="icon-handle-v"></span></span>
            <ul class="button-group right">
                <li>
                    <button class="small secondary button" title="Clear console" data-bind="click: clear"><span aria-hidden="true" class="icon-clear"></span></button>
                </li>
            </ul>
        </div>
    </div>
</div>
